import axios from 'axios'
import { ElMessage } from 'element-plus'
import TokenUtils from '@/utils/token-utils'

// 创建axios实例
const service = axios.create({
  baseURL: 'https://localhost:7204',
  timeout: 10000,
  withCredentials: false // 禁用凭据
})

// 请求拦截器
service.interceptors.request.use(
  async config => {
    // 获取解密的 Token
    const token = await TokenUtils.getToken()
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`
    }

    config.headers['Content-Type'] = 'application/json'
    return config
  },
  error => {
    console.log('Request Error:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 处理分页数据格式
    if (response.data && typeof response.data === 'object') {
      // 如果后端返回的是分页格式，直接返回
      return response.data
    }
    return response
  },
  error => {
    console.log('Response Error:', error)
    
    //处理token过期或未授权
    if(error.response?.status === 401) {
      localStorage.removeItem('token')
      ElMessage.error('登录已过期，请重新登录')
      window.location.href = '/login'
      return Promise.reject(error)
    }
    
    let message = '网络错误'
    if (error.response) {
      // 服务器返回了错误状态码
      const errorData = error.response.data
      if (typeof errorData === 'string') {
        message = errorData
      } else if (errorData && errorData.message) {
        message = errorData.message
      } else if (errorData && errorData.error) {
        message = errorData.error
      } else {
        message = `请求失败 (${error.response.status})`
      }
    } else if (error.request) {
      // 请求发送了但没有收到响应
      message = '无法连接到服务器，请检查网络连接和后端服务是否启动'
    } else {
      // 其他错误
      message = error.message
    }
    
    ElMessage({
      message: message,
      type: 'error',
      duration: 5 * 1000
    })
    
    return Promise.reject(error)
  }
)

export default service